<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div{
				/* width: 300px;
				height: 300px; */
				width: 450px;
				height: 459px;
				background-color: red;
			}
			.box1{
				background-image: url('百度/images/response.png');
				background-repeat: no-repeat;
				background-position: right bottom;
			}
			.box2{
				
			}
			
		</style>
	</head>
	<body>
		<!-- 
		 1.背景图片和插入图片的区别？
		 背景图片仅仅是装饰 不会占用位置
		 插入图片会占用位置
		 2.背景图片有定位属性 可以很方便的控制图片的位置
		 插入图片没有定位属性  控制图片的位置不太方便
		 3.插入图片的语义比背景图片的语义强,所以在企业开发中如果你的图片想要被
		 搜索引擎收录,那么推荐使用插入图片
		 
		 
		 -->
		 
		 <div class="box1">
			 我是一个文字
		 </div>
		<div class="box2">
			<img src="../基础/百度/images/response.png" alt="">
			我是一个文字
		</div>
 
		
	</body>
</html>